<template>
	<div class="content">
		<div class="content-welcome">
			<span>Welcome back</span>
		</div>
		<div class="content-function">
			<div class="content-function-postion">
				
				<router-link to="/OutLeave">
					<div class="function-out">
						<img src="../../../assets/img/out.png" alt="">
						<br>
						<span class="font-top">外出请假</span>
						<span class="iconfont icon-youjiantou jiantou"></span>
					</div>
				</router-link>
				
				<router-link to="/Check">
					<div class="function-check">
						<img src="../../../assets/img/check.png" alt="">
						<br>
						<span class="font-top">查看假条</span>
						<span class="iconfont icon-youjiantou jiantou"></span>
					</div>
				</router-link>
			</div>
		</div>
	</div>
</template>

<script>
export default{
	
}
</script>

<style scoped="scoped">
.content-welcome{
	margin-top: .1rem;
	border-top: 1px solid black;
	height: 1.6rem;
	border-bottom: 1px solid black;
}
.content-welcome span{
	font-size: 0.625rem;
	font-weight: 600;
	padding-left: .6rem;
}

.content-function{
	font-size: .48rem;
	
}
.content-function-postion{
	margin-left: 10%;
	margin-right: 10%;
	margin-top: .4rem;
	border: 0.0625rem solid #cfcfcf;
	border-radius: 0.625rem;
	text-align: center;
}
.content-function-postion img{
	width: 4rem;
	height: 3rem;
	border-radius: 0.625rem;
	padding-bottom: .2rem;
}
.function-out{
	padding-bottom: .3rem;
	border-bottom: 0.0625rem solid #cfcfcf;
	margin-top: .6rem;
}
.function-check{
	margin-top: .6rem;
	padding-bottom: .4rem;
}
.font-top{
	font-size: .45rem;
	color: #499fc9;
	text-align: center;
	
}
.jiantou{
	color: #dadada;
	font-size: .7rem;
	position: relative;
	bottom: -4px;
}
</style>
